
@charset "UTF-8";
.path-contents a, .path-contents em, .path-contents span, .list-contents li .file-name, .list-thumb li .file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html, body {
    height: 100%;
    overflow: hidden;
}
.top-panel {
    background: none repeat scroll 0 0 #F9F9F9;
    height: 54px;
    position: relative;
    z-index: 12;
}
.side-operate {
    float: left;
    padding: 10px 0 0 10px;
}
.side-operate .button {
    float: left;
    margin-right: 10px;
}
.icon-filter {
    background-image: url("../img/icon_filter_large.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    line-height: 10;
    overflow: hidden;
    position: relative;
    width: 24px;
}
.if-video {
    background-position: 0 0;
}
.if-photo {
    background-position: -25px 0;
}
.if-music {
    background-position: -50px 0;
}
.if-document {
    background-position: -75px 0;
}
.if-archive {
    background-position: -100px 0;
}
.if-application {
    background-position: -125px 0;
}
.if-star {
    background-position: -150px 0;
}
.if-calendar {
    background-position: -175px 0;
}
.file-filter {
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 10px;
}
.file-filter ul {
    float: left;
    margin-right: -204px;
    transition: all 0.2s ease-out 0s;
}
.file-filter ul li {
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    float: left;
    height: 29px;
    margin-left: 20px;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    width: 34px;
}
.file-filter ul li:hover, .file-filter ul li.hover, .file-filter ul li.current {
    background: none repeat scroll 0 0 #EAEAEA;
    border-color: #CCCCCC;
}
.file-filter ul li.current {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) inset;
    cursor: default;
}
.file-filter ul li .icon-filter {
    display: block;
    margin: auto;
}
.file-filter ul li span {
    display: none;
}
.file-filter .fft-more {
    position: absolute;
    right: -5px;
    top: 0;
    width: 20px;
}
.file-filter .fft-more a {
    color: #B2B2B2;
    float: left;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    width: 20px;
}
.file-filter .fft-more a:hover {
    color: #B2B2B2;
    text-decoration: none;
}
.top-search {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #AFAFAF #D6D6D6 #D6D6D6 #AFAFAF;
    border-image: none;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    height: 28px;
    padding: 0 5px;
    position: absolute;
    right: 2px;
    top: 57px;
    width: 168px;
}
.top-search label {
    color: #999999;
    cursor: text;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    left: 0;
    line-height: 28px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    z-index: 2;
}
.top-search input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 15px 15px 15px 15px;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    left: 0;
    line-height: 16px;
    padding: 6px 0 6px 10px;
    position: absolute;
    top: 0;
    width: 135px;
}
.top-search button {
    background: url("../img/button_search.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 12px 12px 12px 12px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 24px;
}
.top-search button:hover {
    background-position: 0 -24px;
}
.list-type {
    position: absolute;
    right: 10px;
    top: 96px;
}
.list-type a {
    color: #666666;
    cursor: pointer;
    float: left;
    height: 16px;
    line-height: 16px;
}
.list-type a:hover {
    color: #4682D9;
    text-decoration: none;
}
.list-type a i {
    background-image: url("../img/icon_setting.gif");
    background-repeat: no-repeat;
    float: left;
    height: 16px;
    overflow: hidden;
    width: 16px;
}
.list-type a span {
    float: left;
    padding-left: 5px;
}
.ilt-list {
    background-position: 0 0;
}
a:hover .ilt-list {
    background-position: 0 -20px;
}
.ilt-thumb {
    background-position: -20px 0;
}
a:hover .ilt-thumb {
    background-position: -20px -20px;
}
.directory-path {
    background: url("../img/file_path.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #D1D1D1;
    cursor: default;
    height: 34px;
    position: relative;
    z-index: 11;
    overflow: hidden;
}
.path-back {
    border-right: 1px solid #D1D1D1;
    float: left;
    height: 34px;
}
.path-back a {
    color: #4682D9;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding: 0 10px 0 26px;
    position: relative;
}
.path-back a:hover {
    background: url("../img/file_path.png") no-repeat scroll -20px -68px transparent;
    text-decoration: none;
}
.path-back a i {
    background: url("../img/icon_back.gif") no-repeat scroll 0 0 transparent;
    height: 12px;
    left: 8px;
    overflow: hidden;
    position: absolute;
    top: 11px;
    width: 12px;
}
.path-contents {
    float: left;
    height: 34px;
    overflow: hidden;
    position: relative;
}
.path-contents a, .path-contents em, .path-contents span {
    background: url("../img/file_path.png") no-repeat scroll 0 -34px transparent;
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    line-height: 35px;
    margin-left: -12px;
    max-width: 150px;
    overflow: hidden;
    padding: 0 18px 0 19px;
}
.path-contents a:hover {
    background-position: 0 -68px;
    color: #333333;
    text-decoration: none;
}
.path-contents span {
    padding-right: 25px;
    position: relative;
}
.path-contents i {
    display: none;
}
.path-contents .delete {
    background: url("../img/icon_delete.gif") no-repeat scroll 0 0 transparent;
    height: 11px;
    line-height: 10;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 11px;
}
.path-contents .delete:hover {
    background-color: transparent;
    background-position: 0 -11px;
}
.list-operate {
    background: none repeat scroll 0 0 #F9F9F9;
    height: 34px;
    left: 0;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 13;
}
.list-operate .checkbox {
    float: left;
    margin: 7px 6px 0 10px;
}
.list-operate label {
    float: left;
    font-weight: bold;
    line-height: 20px;
    margin: 7px 10px 0 0;
}
.list-operate .btn-wrap {
    height: 28px;
    margin: 3px 0 0;
}
.list-operate .btn-wrap .btn {
    height: 26px;
    line-height: 27px;
    padding: 0 15px;
}
.list-operate .btn-wrap .btn .arrow {
    top: 11px;
}
.page-footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #D1D1D1;
    bottom: 0;
    height: 32px;
    left: 0;
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 3px;
    position: absolute;
    right: 0;
    z-index: 11;
}
.pagination {
    padding: 5px;
    text-align: left;
}
.pagination .btn {
    background-image: url("../img/pages_btn.gif");
    background-repeat: no-repeat;
    border: 0 none;
    height: 22px;
    line-height: 23px;
    overflow: hidden;
    padding: 0;
    text-align: left;
}
.pagination .btn-prev {
    background-position: 0 0;
    padding-left: 30px;
    width: 50px;
}
.pagination .btn-next {
    background-position: -81px 0;
    padding-left: 13px;
    width: 67px;
}
.pagination a {
    border: 1px solid white;
    color: #666666;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    position: relative;
    vertical-align: top;
}
.pagination a:hover {
    border-color: #227BC5;
    color: #227BC5;
    text-decoration: none;
}
.pagination a.focus, .pagination a.focus:hover {
    background: none repeat scroll 0 0 #227BC5;
    border-color: #227BC5;
    color: #FFFFFF;
    cursor: default;
}
.pagination a.btn:hover {
    color: #555555;
}
.pagination a.btn-prev:hover {
    background-position: 0 -26px;
}
.pagination a.btn-prev:active {
    background-position: 0 -52px;
}
.pagination a.btn-next:hover {
    background-position: -81px -26px;
}
.pagination a.btn-next:active {
    background-position: -81px -52px;
}
.pagination span {
    color: #999999;
    cursor: default;
    display: inline-block;
    vertical-align: top;
}
.pagination span.btn-prev {
    background-position: 0 -78px;
}
.pagination span.btn-next {
    background-position: -81px -78px;
}
.page-container {
    bottom: 39px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 118px;
}
.file-opt a i, .file-opr a {
    background-image: url("../img/icon_list_opt.png");
    display: inline-block;
    float: left;
    height: 16px;
    line-height: 10;
    overflow: hidden;
    width: 16px;
}
.list-cell {
    position: relative;
}
.list-cell a {
    color: #333333;
}
.list-cell a:hover {
    color: #4682D9;
    text-decoration: none;
}
.list-cell .file-size {
    overflow: hidden;
    right: 150px;
    width: 120px;
}
.list-cell .last-modified {
    overflow: hidden;
    right: 26px;
    width: 110px;
}
.list-title {
    background: none repeat scroll 0 0 #F9F9F9;
    height: 28px;
    position: relative;
}
.list-title .checkbox {
    left: 10px;
    position: absolute;
    top: 4px;
}
.list-title span {
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: 5px;
}
.list-title span em {
    cursor: pointer;
    float: left;
    padding-right: 14px;
    position: relative;
}
.list-title span i {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #666666 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 7px;
    width: 0;
}
.list-title span i.desc {
    border-color: transparent transparent #666666;
    top: 2px;
}
.list-title .order-title {
    left: 35px;
}
.lt-main {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    left: 0;
    position: absolute;
    right: 0;
    top: 90px;
    z-index: 11;
}
.lt-main .file-size {
    overflow: hidden;
    right: 150px;
    width: 120px;
}
.lt-main .last-modified {
    overflow: hidden;
    right: 26px;
    width: 110px;
}
.list-contents {
    position: relative;
}
.list-contents li {
    border-bottom: 1px solid #EEEEEE;
    cursor: default;
    height: 50px;
    position: relative;
    vertical-align: middle;
}
.list-contents li .checkbox {
    left: 10px;
    position: absolute;
    top: 15px;
}
.list-contents li input {
    display: none;
}
.list-contents li .file-type, .list-contents li .photo-icon {
    left: 35px;
    position: absolute;
    top: 9px;
}
.list-contents li .file-name, .list-contents li .file-size, .list-contents li .last-modified {
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 17px;
}
.list-contents li .file-name {
    left: 75px;
    right: 420px;
}
.list-contents li .file-name .ico-lio {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.list-contents li .i-star {
    position: absolute;
    right: 10px;
    top: 17px;
}
.list-contents li .file-opr {
    position: absolute;
    right: 320px;
    top: 17px;
}
.list-contents li .file-opr a {
    cursor: pointer;
    margin-left: 20px;
}
.list-contents li:hover, .list-contents li.hover, .list-contents li.selected {
    background: none repeat scroll 0 0 #FFFFDD;
}
.list-contents li.selected .checkbox {
    background-position: -20px 0;
}
.file-opt {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    height: 24px;
    left: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: 135px;
    width: 120px;
}
.file-opt a {
    background: url("../img/button_bg.png") no-repeat scroll 0 -99px #EEEEEE;
    border: 1px solid #E0E0E0;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 22px;
    margin: 0 3px;
    position: relative;
    vertical-align: top;
    width: 28px;
}
.file-opt a:hover {
    background-position: 0 -132px;
    border-color: #A7A7A7;
}
.file-opt a:active {
    background-position: 0 -165px;
}
.file-opt a i {
    left: 6px;
    position: absolute;
    top: 3px;
}
.file-opt a span {
    display: none;
}
.list-thumb {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding: 2px 0 2px 2px;
    position: relative;
}
.list-thumb li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FFFFFF;
    float: left;
    height: 150px;
    margin: 0 2px 2px 0;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 100px;
}
.list-thumb li .check-wrap {
    background: url("../img/check_wrap.gif") no-repeat scroll 0 0 transparent;
    display: none;
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px;
    z-index: 2;
}
.list-thumb li .checkbox {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.list-thumb li input {
    display: none;
}
.list-thumb li .file-name {
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0 auto;
    padding: 7px 0 2px;
    text-align: center;
    width: 90px;
}
.list-thumb li .file-name .ico-lio {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.list-thumb li .file-info {
    color: #999999;
    display: block;
    line-height: 20px;
    margin: 0 auto;
    padding: 5px 0 0;
    text-align: center;
    width: 90px;
}
.list-thumb li:hover, .list-thumb li.hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #4682D9;
    box-shadow: 0 0 4px #4682D9;
}
.list-thumb li:hover .check-wrap, .list-thumb li:hover .file-opt, .list-thumb li:hover a.tpstar-disabled, .list-thumb li.hover .check-wrap, .list-thumb li.hover .file-opt, .list-thumb li.hover a.tpstar-disabled {
    display: block;
}
.list-thumb li.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #4682D9;
    box-shadow: 0 0 4px #4682D9;
    z-index: 2;
}
.list-thumb li.selected .check-wrap {
    display: block;
}
.list-thumb li.selected .checkbox {
    background-position: -20px 0;
}
.list-thumb .page-next-thumb, .list-thumb .page-next-thumb:hover, .list-thumb .page-next-thumb.focus {
    border-color: #FFFFFF;
    box-shadow: none;
}
.list-thumb .page-next-thumb a {
    background: url("../img/page_next.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 100px;
    line-height: 100;
    overflow: hidden;
    width: 100px;
}
.list-thumb .page-next-thumb a:hover {
    background-position: -110px 0;
}
.ico-lio {
    background-image: url("../img/icon_list_opt.png");
    display: inline-block;
    height: 16px;
    line-height: 10;
    overflow: hidden;
    width: 16px;
}
a.tpstar, a.tpstar-disabled {
    background: url("../img/icon_star_type.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 10;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 0;
    width: 29px;
    z-index: 11;
}
.photo-box a.tpstar, .photo-box a.tpstar-disabled {
    right: -1px;
    top: -1px;
}
a.tpstar-disabled {
    background-position: -30px 0;
    display: none;
}
.shared {
    background-image: url("../img/icon_shared_type.png");
    background-position: 0 -14px;
    background-repeat: no-repeat;
    bottom: 0;
    height: 13px;
    left: 0;
    line-height: 10;
    overflow: hidden;
    position: absolute;
    width: 40px;
}
.file-type .shared {
    background-position: 0 0;
    bottom: -3px;
    height: 9px;
    left: -2px;
    width: 28px;
}
.ico-pm {
    background-image: url("../img/icon_popup_menu.gif");
    display: inline-block;
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px;
}
.ipm-star {
    background-position: 0 0;
}
li:hover .ipm-star, li.hover .ipm-star, li.selected .ipm-star {
    background-position: 0 -20px;
}
.ipm-date {
    background-position: -20px 0;
}
li:hover .ipm-date, li.hover .ipm-date, li.selected .ipm-date {
    background-position: -20px -20px;
}
.ipm-share {
    background-position: -40px 0;
}
li:hover .ipm-share, li.hover .ipm-share, li.selected .ipm-share {
    background-position: -40px -20px;
}
.ipm-circle {
    background-position: -60px 0;
}
li:hover .ipm-circle, li.hover .ipm-circle, li.selected .ipm-circle {
    background-position: -60px -20px;
}
.ipm-n-o {
    background-position: -80px 0;
}
.selected .ipm-n-o {
    background-position: -80px -20px;
}
.ipm-o-n {
    background-position: -100px 0;
}
.selected .ipm-o-n {
    background-position: -100px -20px;
}
.ipm-b-s {
    background-position: -120px 0;
}
.selected .ipm-b-s {
    background-position: -120px -20px;
}
.ipm-s-b {
    background-position: -140px 0;
}
.selected .ipm-s-b {
    background-position: -140px -20px;
}
.ipm-a-z {
    background-position: -160px 0;
}
.selected .ipm-a-z {
    background-position: -160px -20px;
}
.ipm-z-a {
    background-position: -180px 0;
}
.selected .ipm-z-a {
    background-position: -180px -20px;
}
.popup-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 white;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 120px;
    z-index: 111;
}
.popup-menu ul {
    border-top: 1px solid #CCCCCC;
    padding: 2px 0;
    position: relative;
}
.popup-menu ul:nth-child(n+2) {
    border-top-color: #EEEEEE;
}
.popup-menu li {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    position: relative;
    vertical-align: middle;
}
.popup-menu li:hover, .popup-menu li.hover {
    background: none repeat scroll 0 0 #EFEFEF;
}
.popup-menu li.selected {
    color: #4682D9;
}
.popup-menu li span {
    display: block;
    padding-left: 30px;
}
.popup-menu li .ico-pm {
    left: 8px;
    position: absolute;
    top: 4px;
}
.date-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CED4DD;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    color: #515B65;
    margin: 0 auto 10px;
    position: absolute;
    width: 200px;
    z-index: 20;
}
.date-head {
    background: none repeat scroll 0 0 #EEF2F7;
    border-bottom: 1px solid #CED4DD;
    height: 26px;
}
.date-month {
    float: right;
}
.date-control {
    float: left;
    padding: 0 5px;
}
.date-control span {
    float: left;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 2px;
}
.date-control a {
    background-image: url("../img/icon_date_box.gif");
    background-repeat: no-repeat;
    float: left;
    height: 12px;
    line-height: 10;
    overflow: hidden;
    position: relative;
    top: 7px;
    width: 12px;
}
.date-control .date-prev {
    background-position: 0 0;
}
.date-control .date-next {
    background-position: -12px 0;
}
.date-wkday {
    cursor: default;
    height: 20px;
    line-height: 20px;
    padding: 2px 2px 0;
}
.date-wkday li {
    float: left;
    height: 20px;
    text-align: center;
    width: 28px;
}
.date-contents {
    overflow: hidden;
    padding: 0 2px 2px;
}
.date-contents li {
    float: left;
    height: 22px;
    width: 28px;
}
.date-contents a {
    border-radius: 2px 2px 2px 2px;
    color: #515B65;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: center;
    transition: background-color 0.2s linear 0s;
    width: 28px;
}
.date-contents a:hover {
    background-color: #E7E7E7;
    text-decoration: none;
}
.date-contents a.cal-data {
    background-image: url("../img/icon_date_box.gif");
    background-position: 20px -12px;
    background-repeat: no-repeat;
}
.date-contents a.tday {
    background: none repeat scroll 0 0 #AAAAAA;
    color: #FFFFFF;
}
.date-contents a.focus {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
}
.date-contents a.gray {
    color: #999999;
}
.list-empty {
    background: url("../img/folder_empty.jpg") no-repeat scroll 0 0 transparent;
    height: 340px;
    position: relative;
    width: 526px;
}
.list-empty a {
    height: 34px;
    left: 111px;
    line-height: 10;
    overflow: hidden;
    position: absolute;
    top: 67px;
    width: 119px;
}
.list-empty span {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 287px;
    width: 100%;
}

